<!DOCTYPE html>
<html>
  <head>    
      <title><%= title %></title>
      <% include layout/lib.ejs %>
      <link rel="stylesheet" type="text/css" href="/css/tutorial.css" />
      <script src="/lib/js/jquery.js"></script>
      <script src="/lib/js/showdown.min.js"></script>
      <link href="/lib/css/monokai-sublime.min.css"  rel="stylesheet" />
      <script src="/lib/js/highlight.min.js"></script>
  </head>
  <body>

        <% include layout/header.ejs %>

        <div class="tutorialBox">
            <div class="tutorialMain">
                    <div class="globalTitleBox">
                            <div class="globalTitleIcon">
                                <img src="/image/ed-18.png" />
                            </div>
                            <div class="globalTitle">详细教程 </div>
                            
                   </div>
            </div>
            
        </div>


        <div class="tutorialContentBox">

            <!-- <div class="tutorialVideoTitle">视频教程：<span> ( 视频教程正在录制，敬请期待...) </span></div> -->
            <!-- <div class="tutorialVideoBox">
                    <video id="my-video" class="video-js vjs-big-play-centered" controls style="width:100%;height:100%;">
                            <source id="video_source" src="https://e-d.oss-cn-beijing.aliyuncs.com/video/20190204_013712.mp4" type="video/mp4">
                            <p class="vjs-no-js">
                                要查看此视频，请启用JavaScript，并考虑升级到一个网页浏览器
                            <a href="http://videojs.com/html5-video-support/" target="_blank">支持HTML5视频</a>
                            </p>
                        </video>
            </div> -->
            <div class="tutorialContent" id="markdown">
               
            </div>
        </div>

        <% include layout/footer.ejs %>
  </body>
  <script>
          
        $.get("/md/<%= mdName %>.md",function(res){

             var converter = new showdown.Converter();
             var htmlcontent  = converter.makeHtml(res);
             $("#markdown").html(htmlcontent);
             $('pre code').each(function(i, block) {
                 hljs.highlightBlock(block);
             });

        });
    
    </script>
</html>